<template>
    <div class="box">
      <div class="icon">
        <el-icon @click="goHome" size="large"><House /></el-icon>
      </div>
      <img src="../../assets/images/error_images/404.png">
      
    </div>
  </template>
  
  <script setup lang="ts">
  import {useRouter} from 'vue-router';
  let $router=useRouter();
  const goHome=()=>{
    $router.push('/home')
  }
  </script>
  
  <style lang="scss" scoped>
  .box{
    width: 100vw;
    height: 100vh;
    background: #a9cedb;
    display: flex;
    justify-content: center;
    img{
    width: 800px;
    height: 600px;
    margin-top: 200px;
    margin-left: 350px;
    flex: 2;
    .icon{
      flex: 1;
    }
  }
  }
  </style>